/* 头部 */
.head{
    border-bottom: 1px solid #aec7ec;
    position: static;
}

.head-nav li a{ 
  color: #666666;
}
.head-nav li .active,
.head-nav li a:hover{
    border-bottom: 3px solid #00bdff;
    font-weight: bold;
    color:#00bdff;

}
.head-login,.head-register{  
    border:2px solid #d1d1d1;
    color:#666666;
}
.head-register{
    background-color: #ed510a;
    border: none;
    line-height: 20px;
    color: white;
    
}
/* 分类 */
.api-cont1 p{
    font-size: 26px;
    margin-bottom: 10px;
    margin-top: 50px;

}
.api-cont1 a{
    display: inline-block;
    border: 1px solid #dddddd;
    line-height: 24px;
    text-align: center;
    padding:0 14px;
    border-radius: 10px;
    box-sizing: border-box;
    margin-right: 17px;
    color:#666666;
    margin-top: 10px;
}
.api-cont1 a:nth-child(14){
    margin-right: 0;
}
.api-cont1 .active{
    font-weight: 700;
}
.api-cont1 a:hover{
    color:#00bdff;
    border: 1px solid #00bdff;

}
.api-cont2{
    margin-top: 60px;
}
.api-cont2 input{
    line-height: 30px;
    width:230px;
    background-color: #f4f4f4;
    border-radius: 20px;
    border:none;
    padding:0 10px;
    box-sizing: border-box;
    margin-left: 15px;
}
.api-cont2 img{
    position:relative;
    left:-30px;
    top:0;

}



.api-cont3{
    margin-top: 23px;
}

.api-cont3 li{
width:226px;
height:270px;
border:1px solid #eeeeee;
margin-right: 15px;
margin-bottom: 15px;
text-align: center;
float: left;

}
.api-cont3 li:nth-child(5n){
margin-right: 0;
}

.api-cont3 img{
    margin-top:48px;
    margin-bottom:8px;
}
.api-cont3 p{
    font-size: 14px;
    color:#666666;
    line-height:24px;
}
.api-cont3 .api-cont3-p{
    color:#29c287;
    margin-bottom:40px;
}
.api-cont3 .green{
    color:#29c287;
}
.api-cont3 .red{
    color:rgb(240, 71, 71);
}
.api-cont3 button{
    display: none;
    width: 192px;
    line-height: 32px;
    border: none;
    background-color: #00bdff;
    margin-left: 17px;
    color: white;
}
.api-cont3 li:hover button{
    display:block;
    
}
.start{
transition: all 1s;
}
.api-cont3 li:hover .start{
    margin-top:-10px;
}
.api-cont3 .api-cont3-p1{
    color:#ff546b;
    margin-bottom:40px;
}
.company{
    background-color: #e5f8ff;
    color:#00bdff;
    display:none;
    width:79px;
    line-height: 22px;
    font-size: 12px;
    margin-top: 10px;
}
.isShow{
    display:block;

}
/* 分页 */

.page{
    text-align: center;
    margin-top: 55px;

}
.page a{
 color:#000000;
 font-size: 14px;
 margin-right: 10px;
}
.page .active{
 color:white;
 background-color: #00bdff;
 display: inline-block;
 width:24px;
 line-height: 24px;
 border-radius: 12px;
}
.page a:last-child{
    color:#00bdff;
    /* display: ; */
}



/* mask */
body,html{
    width:100%;
    height:100%;
}
.mask{
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.5);
    position: fixed;
    top:0;
    left:0;
    z-index: 100;
    display: none;
   
}
.modal{
    width:400px;
    height:550px;
    background-color: #fff;
    margin:100px auto;
    padding-top: 35px;
    box-sizing: border-box;
    text-align: center;
}
.modal .logo{
    display: block;
    margin-left:120px;
    margin-bottom:45px;

}
 .menu #login, .menu #register{
    color:#555555;
    font-size: 16px;
    margin: 0 10px;
}
/* .login:hover,.register:hover{
    color:#00bdff;
    border-bottom: 3px solid #00bdff;
} */
.active{
    color:#00bdff;
    border-bottom: 3px solid #00bdff;
}
.user{
    margin-top: 35px;
    width:360px;
    line-height:35px;
    border:none;
    border-bottom: 1px solid #e7e7e7;
    background:url(../imgs/loginIcon.png) no-repeat;
    background-position: -58px 0;
    padding:0 30px;
    box-sizing: border-box;
}
.pwd{
    margin-top: 30px;
    width:360px;
    line-height:35px;
    border:none;
    border-bottom: 1px solid #e7e7e7;
    padding:0 30px;
    box-sizing: border-box;

    
}

.pwd-icon{
    width:21px;
    height:27px;
    background:url(../imgs/loginIcon.png) no-repeat;
    background-position-x:-27PX;
    position:relative;
    left:20px;
    top:-34px;
}
.forget-pwd{
    color:#03c5ff;
    font-size: 14px;
    margin-left: 300px;
}
.login-btn{
    display: block;
    color:#fff;
    background-color: #03c5ff;
    width:360px;
    line-height: 48px;
    margin:25px auto;
}
.none{
    font-size: 14px;
    color:#909090;
    margin-left: 100px;

}
.none a{
    color:#03c5ff;
    font-size: 14px;
 
}
.none-icon{
    width:30px;
    height:30px;
    background:url(../imgs/loginIcon.png) no-repeat;
    background-position:-56PX -36px;
    position: relative;
    left:331px;
    top:-17px;
}

.on{
    display: block;
}
.no{
    display: none;
}
.pic{
    margin:20px auto;
    background-color: #fcfcfc;
    width:290px;
    height:240px;
    border:1px solid #eeeeee;
    text-align: center;
}
.pic img{
    width:106px;
    height:106px;
    margin-top:40px;
}
.pic p{
    font-size: 14px;
    line-height: 30px;
}
.none{
    font-size: 14px;
    color:#909090;
    margin-left: -130px;
    margin-top: 20px;

}
.none a{
    color:#03c5ff;
    font-size: 14px;
 
}
.none-icon{
    width:30px;
    height:30px;
    background:url(../imgs/loginIcon.png) no-repeat;
    background-position:-56PX -36px;
    position: relative;
    left:216px;
    top:-17px;
}
